// 使用变量承接
@height: v-bind(div_height);

body{
  background-image: radial-gradient(ellipse farthest-corner at center top, #0d52b5 0%, #061325 100%);
}
#app{
  position: relative;
}
#app::after{
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  //background-image: url("../assets/body_back.png");
  background-size: cover;
  background-position: center bottom;
  opacity: 0.5;
  z-index: -1;
}
.ivu-layout{
  background: none;
}
.ivu-layout-footer{
  background: none;
  color: rgb(255, 255, 255);
  text-shadow: rgb(255, 255, 0) 0px 0px 0.2em, rgb(255, 255, 0) 0px 0px 0.2em;
  box-shadow: 0 1px 6px rgba(0,0,0,.2);
}


._wz_wholeTonal {
  background: #08194a !important;
}
.ivu-select-dropdown,
.ivu-poptip-inner {
  background: linear-gradient(-35deg, #15296c, #243a75) !important;
}
.ivu-table.ivu-table-stripe .ivu-table-body tr.ivu-table-row-hover td {
  background-color: #30457b !important;
}
.ivu-poptip-popper[x-placement^="bottom"] .ivu-poptip-arrow:after,
.ivu-poptip-popper[x-placement^="bottom"] .ivu-poptip-arrow {
  border-bottom-color: #243a75 !important;
}
.ivu-dropdown-item:hover ,.ivu-dropdown-item-selected{
  background: #152456 !important;
}
.ivu-dropdown-item {
  color: #eee !important;
}
.ivu-card,
.ivu-modal-content {
  background: #253c6c !important;
}
.ivu-modal-body {
  .ivu-modal-confirm-head {
    .ivu-modal-confirm-head-title{
      color: #fff;
    }
  }
  .ivu-modal-confirm-body{
    color: #fff;
  }
}
.ivu-card-bordered {
  //box-shadow: 0 0 5px #08194a  inset,0 0 5px #4978b6;
  border: 0 !important;
}
.ivu-card-head {
  //box-shadow: 0 0 5px #08194a  inset,0 0 5px #4978b6;
  border-bottom: 1px solid #45558b !important;
  color: #cad1e5 !important;
}

.ivu-select-item,
.ivu-form .ivu-form-item-label,
.ivu-table,
.ivu-page-total,
.ivu-cascader .ivu-cascader-menu-item,
.ivu-input,
.ivu-select-input,
.ivu-page-item a,
.ivu-select-single .ivu-select-selection .ivu-select-placeholder,
.ivu-select-single .ivu-select-selection .ivu-select-selected-value,
.ivu-page-options-elevator input,
.ivu-page-options-elevator,
.ivu-page-next a,
.ivu-page-prev a,
.ivu-form,
.ivu-poptip-body-content-inner,
.ivu-modal-header-inner,
.ivu-tree,
.ivu-tree-title {
  color: #cad1e5 !important;
}
.ivu-input,
.ivu-select-selection,
.ivu-input-group-append,
.ivu-table td,
.ivu-table,
.ivu-page-next,
.ivu-page-prev,
.ivu-page-item,
.ivu-page-options-elevator input {
  background: none !important;
}
.ivu-tabs .ivu-tabs-tab {
  color: #fff;
}
.ivu-table-stripe .ivu-table-fixed-body tr:nth-child(2n) td,
.ivu-table th {
  background-color: #253c6c !important;
}
.ivu-table-stripe .ivu-table-fixed-body tr:nth-child(2n - 1) td {
  background: #1e336c !important;
}

.ivu-table.ivu-table-stripe .ivu-table-fixed-body tr.ivu-table-row-hover td {
  background-color: #30457b !important;
}
.ivu-table-fixed-right-header {
  background-color: #1e336c !important;
  border-top: 1px solid #1e336c !important;
  border-bottom: 1px solid #1e336c !important;
}
.ivu-select-item:hover,
.ivu-cascader .ivu-cascader-menu-item:hover,
.ivu-cascader-menu .ivu-cascader-menu-item-active,
.ivu-select-item-focus,
.ivu-select-multiple .ivu-select-item-selected,
.ivu-table-fixed-right::before {
  background-color: #152456 !important;
}
.ivu-select-item-selected:after,
.ivu-poptip-title-inner {
  color: #fff !important;
}
.ivu-select-item-selected{
  background-color: #152456 !important;
}

.ivu-select-multiple .ivu-tag {
  background-color: #152456;
}
.ivu-tag-text {
  color: #fff !important;
}
.ivu-table-stripe .ivu-table-body tr:nth-child(2n) td {
  background-color: #253c6c !important;
}
.ivu-table-stripe .ivu-table-body .ivu-table-row.ivu-table-row-highlight td,
.ivu-table-stripe
.ivu-table-fixed-right
.ivu-table-fixed-body
.ivu-table-row-highlight
td {
  background-color: #122762 !important;
}
.ivu-table-stripe .ivu-table-body tr:nth-child(2n - 1) td {
  background-color: #1e336c !important;
}
.ivu-table th {
  border-bottom: 1px solid #45558b !important;
}
.ivu-table td {
  border-width: 0px !important;
}
.ivu-spin-fix {
  background-color: rgba(8, 25, 74, 0.8) !important;
}
input::-webkit-input-placeholder {
  color: #888e97 !important;
}
.ivu-table:before {
  background-color: #45558b !important;
}
.ivu-tag.ivu-tag-dot {
  background: none !important;
}
/////////////时间框的//////////////////////////////////////
.ivu-date-picker-cells-cell:hover em {
  background-color: #f5bd27 !important;
}
//所有时间框 白底 黑字
.ivu-date-picker-cells-cell {
  background-color: #152456 !important;
  color: #ffffff !important;
}
//不可选 浅灰底 灰字
.ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-disabled {
  background-color: #7785b3 !important;
  color: #949ed0 !important;
}
//上下个月 白底 灰字
.ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-next-month {
  background-color: #45558b !important;

  color: #949ed0 !important;
}
//默认选中  可选  蓝底 白字
.ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-selected.ivu-date-picker-cells-focused {
  //background-color: #566ab1 !important;
  //color: #ffffff !important;
  em {
    //background-color: #152456 !important;
  }
}

.ivu-time-picker-cells-cell-selected {
  color: #fff !important;
  background-color: #152456 !important;
}
.ivu-time-picker-cells-cell:hover {
  background-color: #152456 !important;
}
.ivu-picker-confirm-time:hover {
  background-color: #152456 !important;
}

.ivu-btn-text {
  color: #cad1e5 !important;
}
.ivu-date-picker-header {
  border-bottom: 1px solid #45558b !important;
}
.ivu-picker-confirm {
  border-top: 1px solid #45558b !important;
}
.ivu-date-picker-cells-cell-prev-month {
  background-color: #45558b !important;
}
.ivu-date-picker-cells-cell-range:before {
  background-color: #165da7 !important;
}
//默认选中 不可选  灰底 灰字 蓝框
.ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-selected.ivu-date-picker-cells-cell-disabled.ivu-date-picker-cells-focused {
  background-color: #304e8d !important;
  color: #ffffff !important;
}
//当前日期 可选 蓝点
.ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-today {
  //background-color: #152456 !important;
  //color: #ffffff !important;
  em:after {
    background-color: #f5bd27 !important;
  }
}
//当前日期 不可选  浅灰底 灰字  蓝点
.ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-disabled.ivu-date-picker-cells-cell-today {
  // background-color: #304e8d !important;
  // color: #ffffff !important;
  em:after {
    background-color: #f5bd27 !important;
  }
}
//当前日期 选中 可选  蓝底 白字 白点
.ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-selected.ivu-date-picker-cells-cell-today.ivu-date-picker-cells-focused {
  //background-color: #152456 !important;
  color: #ffffff !important;
  em:after {
    background-color: #f5bd27 !important;
  }
}
//当前日期 选中 不可选 灰底 灰字 白点
.ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-selected.ivu-date-picker-cells-cell-disabled.ivu-date-picker-cells-cell-today.ivu-date-picker-cells-focused {
  background-color: #6d0000 !important;
  color: #ffffff !important;
  em:after {
    background-color: #f5bd27 !important;
  }
}

/////////////时间框的//////////////////////////////////////
.ivu-tree-title-selected,
.ivu-tree-title-selected:hover,
.ivu-tree-title:hover {
  background-color: #152456 !important;
}
.ivu-drawer-content {
  background-color: #253c6c !important;
}
.ivu-drawer-header-inner,
.ivu-input-group-append {
  color: #fff !important;
}
.ivu-drawer-drag-move-trigger {
  background: #253c6c !important;
}
.ivu-radio-group-button .ivu-radio-wrapper {
  background-color: #253c6c !important;
  border: 1px solid #848fad !important;
  color: #eee !important;
  //box-shadow: -1px 0 0 0 #000000;
}
.ivu-radio-group-button .ivu-radio-wrapper:before {
  background-color: #848fad !important;
}
.ivu-radio-group-button .ivu-radio-wrapper:first-child {
  border-left-color: #848fad !important;
}
.ivu-radio-group-button .ivu-radio-wrapper-checked {
  background: #2d8cf0 !important;
  border-color: #2d8cf0 !important;
  border-left-color: #848fad !important;
}
.ivu-page-simple .ivu-page-simple-pager {
  color: #fff;
}
.ivu-drawer-close .ivu-icon-ios-close:hover {
  color: #fff;
}

.ivu-divider-horizontal.ivu-divider-with-text-left{
  color: #5cadff;
}
.ivu-divider-horizontal.ivu-divider-with-text-left:before,
.ivu-divider-horizontal.ivu-divider-with-text-left:after{
  border-top: 1px solid #5cadff;
}
//步骤条 颜色
.ivu-steps .ivu-steps-head{
  background: none;
}
.ivu-steps .ivu-steps-title{
  background: none;
  color: #fff!important;
}
.ivu-steps .ivu-steps-tail{
  width: calc(100% - 75px);
  left: 75px;
}
.ivu-checkbox-label-text{
  color: #fff;
}
.ivu-modal-header,
.ivu-drawer-header{
  background: #14254a;
  //border-bottom: 1px solid #0c274c;
}
